<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:replace="common/htmlHead :: common_header(~{::title})">
    <title>主页</title>
</head>
<body>
<!-- loader Start -->
<div id="loading">
    <div id="loading-center">
    </div>
</div>
<!-- loader END -->
<!-- Wrapper Start -->
<div class="wrapper">
    <!-- 侧边栏  -->
    <head th:replace="~{common/sidebar}">
        <!-- Page Content  -->
        <div id="content-page" class="content-page">
            <!-- 导航栏 -->
            <div class="iq-top-navbar header-top-sticky">
                <div class="iq-navbar-custom">
                    <div class="iq-sidebar-logo">
                        <div class="top-logo">
                            <a href="index.html" class="logo">
                                <img src="images/logo.png" class="img-fluid" alt="">
                                <span>Shiqi</span>
                            </a>
                        </div>
                    </div>
                    <nav class="navbar navbar-expand-lg navbar-light p-0">
                        <button class="navbar-toggler" type="button" data-toggle="collapse"
                                data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="false" aria-label="Toggle navigation">
                            <i class="ri-menu-3-line"></i>
                        </button>
                        <div class="iq-menu-bt align-self-center">
                            <div class="wrapper-menu">
                                <div class="main-circle"><i class="ri-more-fill"></i></div>
                                <div class="hover-circle"><i class="ri-more-2-fill"></i></div>
                            </div>
                        </div>
                        <div class="collapse navbar-collapse" id="navbarSupportedContent">
                            <ul class="navbar-nav ml-auto navbar-list">
                                <li class="nav-item">
                                    <a class="search-toggle iq-waves-effect language-title" th:text="#{main.language}">
                                        语言 <i class="ri-arrow-down-s-line"></i></a>
                                    <div class="iq-sub-dropdown">
                                        <a class="iq-sub-card" th:href="@{/toemail(l='zh_CN')}">
                                            <img th:src="@{/images/small/ch.png}" alt="img-flaf" class="img-fluid mr-2">
                                            简体中文
                                        </a>
                                        <a class="iq-sub-card" th:href="@{/toemail(l='en_US')}">
                                            <img th:src="@{/images/small/en.png}" alt="img-flaf" class="img-fluid mr-2">
                                            English
                                        </a>
                                    </div>
                                </li>
                                <li class="nav-item iq-full-screen">
                                    <a href="#" class="iq-waves-effect" id="btnFullscreen"><i
                                            class="ri-fullscreen-line"></i></a>
                                </li>
                            </ul>
                        </div>
                        <ul class="navbar-list">
                            <li>
                                <a href="#" class="search-toggle iq-waves-effect d-flex align-items-center">
                                    <img src="images/user/1.jpg" class="img-fluid rounded mr-3" alt="user">
                                    <div class="caption">
                                        <h6 class="mb-0 line-height">[[${session.loginUser}]]</h6>
                                        <span class="font-size-12" th:text="#{main.Available}">Available</span>
                                    </div>
                                </a>
                                <div class="iq-sub-dropdown iq-user-dropdown">
                                    <div class="iq-card shadow-none m-0">
                                        <div class="iq-card-body p-0 ">
                                            <div class="bg-primary p-3">
                                                <h5 class="mb-0 text-white line-height"><span th:text="#{main.Hello}">Hello</span>
                                                    [[${session.loginUser}]]</h5>
                                                <span class="text-white font-size-12" th:text="#{main.Available}">Available</span>
                                            </div>
                                            <!--修改个人信息-->
                                            <a th:href="@{/topro-edit}" class="iq-sub-card iq-bg-primary-hover">
                                                <div class="media align-items-center">
                                                    <div class="rounded iq-card-icon iq-bg-primary">
                                                        <i class="ri-profile-line"></i>
                                                    </div>
                                                    <div class="media-body ml-3">
                                                        <h6 class="mb-0 " th:text="#{main.upMyInfo}">Edit Profile</h6>
                                                        <p class="mb-0 font-size-12" th:text="#{main.upMyInfoDes}">
                                                            Modify your personal details.</p>
                                                    </div>
                                                </div>
                                            </a>
                                            <!--注销-->
                                            <div class="d-inline-block w-100 text-center p-3">
                                                <a class="bg-primary iq-sign-btn" th:href="@{/logout}"
                                                   role="button">注销<i class="ri-login-box-line ml-2"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </nav>

                </div>
            </div>
            <!-- 导航栏结束 -->
            <div class="container-fluid">
                <div class="row row-eq-height">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="iq-card iq-border-radius-20">
                                    <div class="iq-card-body">
                                        <div class="row">
                                            <div class="col-md-12 mb-3">
                                                <h5 class="text-primary card-title"><i class="ri-pencil-fill"></i>
                                                    <span th:text="#{main.ComposeMessage}"></span></h5>
                                            </div>
                                        </div>
                                        <form class="email-form" th:action="@{/sentEmail}" method="post">
                                            <div class="form-group row">
                                                <label class="col-sm-2 col-form-label" th:text="#{main.To}">To:</label>
                                                <div class="col-sm-10">
                                                    <input type="email" name="ToEmail" class="form-control"
                                                           th:value="${PatientEmail}" th:placeholder="#{main.PleEmail}">
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-sm-2 col-form-label" th:text="#{main.Cc}">Cc:</label>
                                                <div class="col-sm-10">
                                                    <input type="email" name="CcEmail" class="form-control"
                                                           th:value="${session.Email}">
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-sm-2 col-form-label" th:text="#{main.Subject}">Subject:</label>
                                                <div class="col-sm-10">
                                                    <input type="text" name="subject" class="form-control"
                                                           value="Shiqi&LIEFox医院">
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-sm-2 col-form-label" th:text="#{main.YourMessage}">Your
                                                    Message:</label>
                                                <div class="col-md-10">
                                                    <textarea class="textarea form-control" rows="5" name="Message">这里是Shiqi&LIEFox医院，请您有时间来复查！</textarea>
                                                </div>
                                            </div>
                                            <div class="form-group row align-items-center">
                                                <div class="d-flex flex-grow-1 align-items-center">
                                                    <div class="send-btn pl-3">
                                                        <button type="submit" class="btn btn-primary"
                                                                th:text="#{main.send}">Send
                                                        </button>
                                                    </div>
                                                </div>
                                                <h5 th:text="${info}"
                                                    th:style="${info == '邮件发送成功！'} ?'color:green' : 'color:red'"></h5>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 脚部 -->
            <footer th:replace="~{common/footer}"></footer>
            <!-- 脚部结束 -->
        </div>
</div>
<!-- Wrapper END -->

<!--使用公有js-->
<div th:replace="common/htmlHead::common_js(~{::script})">

</div>
</body>
</html>
